@import "../../../assets/styles/helper.less";

.tomato-list {
  margin-top: 16px;
  border-top: @border;

  .daily-tomatoes {
    padding-top: 8px;

    .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 4px;
      margin-top: 8px;

      .date-time {
        color: @color-text-light;
        font-size: 16px;
      }

      .finished-count {
        color: @color-text-light;
        font-size: 12px;
      }
    }

    .details {
      .tomato-item {
        font-size: 14px;
        margin: 4px 0;
        .time-range {
          color: @color-text-light;
        }

        .description {
          margin-left: 8px;
          font-size: 16px;
        }
      }
    }
  }
}